<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./sass/reste.css">
    <link rel="stylesheet" href="./sass/detail.css">
    <title>Document</title>
</head>
<body>
    <header>
        <img class="logo" src="./images/logo.png" alt="大麦">
        <div class="dw1">
            <img src="./images/dw.png" alt="">
            <span>北京</span>
            <img src="./images/xl.png" alt="">
        </div>
        <ul>
            <a href="./index.html"><li>首页</li></a>
            <a href="./list.html"><li>分类</li></a>
        </ul>
        <div class="rig">
            <a href="./login.html">
            <img src="./images/cosy.png" alt="">
            <span>登录</span></a>
        </div>
        <div class="cen">
            <img src="./images/fdj.png" alt="">
            <input type="text" placeholder="搜索明星、演出、体育赛事">
            <div class="search" data-spm="dsearchbtn2">搜索</div>
            <ol>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </header>
    
    <!-- 详情列表 -->
    <div class="project">
        <div class="lef info filter">
            
        </div>
        <div class="rig">
            <div class="server">
                <div class="note"> <i><img src="./images/false.png" alt=""></i> 不支持退货</div>
                <div class="desc">票品为有价证券，非普通商品，其背后承载的文化服务具有时效性，稀缺性等特征，不支持退换。</div>
                <div class="sec-des">
                    <div class="name">
                        <i><img src="./images/gou.png" alt=""></i>
                        电子票
                    </div>
                    <div class="note-sec">电子票：通过票夹中的二维码或身份证，可以直接验票入场（具体以下单后票夹信息为准）</div>
                </div>  

                <div class="sec-name">
                    <div class="name">
                        <i><img src="./images/gou.png" alt=""></i>
                        纸质发票
                    </div>
                    <div class="note-sec">该项目支持开具纸质发票，请您在演出开始前通过订单页补开，发票将在演出结束后1个月左右，统一由主办方提供</div>
                </div>  

                <div class="qrcode">
                    <div class="qrcode-lef">
                        <p>手机扫一扫</p>
                        <p>下单更快捷</p>
                    </div>
                    <div class="qrcode-rig">
                        <img src="./images/erweima.jpg" alt="">
                    </div>
                </div>


            </div> 
            <div class="rig-list">
                <p>为你推荐</p>
                <div class="list-item">
                    <div class="item-lef">
                        <img src="./images/WAGF.webp" alt="">
                    </div>
                    <div class="item-rig">
                        <div class="rig-js">
                            <div class="item-info">
                                2021 WAGF 音乐节 刘嘉卓&杨楚骁《未来之星》吉他音乐会
                            </div>
                            <div class="addres">北京 | 东方梅地亚中心M剧场</div>
                            <div class="data">2021.08.22 周日 20:00</div>
                        </div>
                        <div class="rig-price">
                            <span>¥220.0</span>起
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script src="./vendor/jquery/jquery.min.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/detail.js"></script>
</body>
</html>